<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电影展示</title>
    <link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}">

</head>
<body>

<h1>电影：</h1>

<div class="select">
<form action="" method="get">
    <label>电影类型选择</label>
    <select name="select" onchange="self.location.href=options[selectedIndex].value" >
    <option value="http://127.0.0.1:5000/movies_Animation">Animation</option>
    <option value="http://127.0.0.1:5000/movies_Comedy">Comedy</option>
    <option value="http://127.0.0.1:5000/movies_FilmNoir">Film-Noir</option>
    <option value="http://127.0.0.1:5000/movies_Romance">Romance</option>
    <option value="http://127.0.0.1:5000/movies_Horror">Horror</option>
    <option value="http://127.0.0.1:5000/movies_Adventure">Adventure</option>
    </select>
</form>
</div>

<img class="Animation_vis" src="vis/Animation_vis.png">

<h2>Adventure：</h2>
<!-- jinja2 的方法 -->
{{ Adventure_data|safe }}

</body>
</html>